body {
    font-family: Arial, helvetica, 'sans-serif';
    font-size: 15px;
    background-color: #fff;
    color: #666;
}

p.history {
    margin: 1px 0 1px 0;	
}

p.history a {
       border-bottom:1px solid #777;
       line-height:16px;
       white-space:nowrap;
       text-decoration: none;
	   font-size: 14px;
	   color: #333;
	}
    p.history a:hover {
        border-color: #000;
    }

input[type=button], input[type=submit] {
    -moz-border-radius:3px 3px 3px 3px;
    background:url("https://service.projectplace.com/ppi/2009/layout/bg_button.png") repeat-x scroll left center #42BDFF;
    border-color:#A8E1FF #215E80 #215E80 #A8E1FF;
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    cursor:pointer;
    font-size:15px;
    padding:2px 10px 3px;
    width:auto !important;
}

input[type=text] {
	background-color:#5C5C5C;
    border-color:#444444 #888888 #888888 #444444;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:17px;
	width: 250px;
	max-width:400px;
	padding:3px 2px;
}

input#api_path {
	width: 400px;
	}

input.avatar_link_url {
	font-size: 11px;
	width: 370px;
}

select {
	background-color: #5C5C5C;
    border-color:#444444 #888888 #888888 #444444;
    border-style:solid;
    border-width:1px;
    color:#fff;
    font-size:17px;
    max-width:400px;
    padding:2px 1px;
}

h1 {
    color: #ddd;
    font-size:24px;
    letter-spacing:-1px;
    position:static;
    text-align:left;
    text-shadow:1px 1px 1px #444444;
	margin-bottom: 5px;
}

a {
	border-bottom:1px solid #A7A7A7;
	color:#aaa;
	line-height:20px;
	white-space:nowrap;
	text-decoration: none;
}

a:hover {
    border-color: #000;
}

a.helplink {
	color: #aaf;
}

a.logout {
	float: right;
}

p.small {
    font-size: 10px;
}

div#options {
    border: 1px solid #000;
	-moz-border-radius:5px 5px 5px 5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -box-shadow: 5px 5px 3px #888;
    -mox-box-shadow: 5px 5px 3px #888;
    -webkit-box-shadow: 5px 5px 3px #888;
	padding: 5px;
	background-color: #cdf;
	position: fixed;
	right: 10px;
	top: 70px;
	float: right;
	width: 400px;
	margin: 4px 0 4px 0;
	color: #333;
	opacity: 0.8;
    }
    div#options div#call_history {
       max-height: 150px;
       overflow: auto;
    }
    
div#options p.info {
	float: right;
	display: inline;
	color: #555;
	font-style: italic;
	font-size: 11px;
	text-align: right;
	margin: 0px;
	}

div#options fieldset {
    border: 1px solid #333;
    -moz-border-radius:1px 1px 1px 1px;
    border-bottom-left-radius: 1px 1px;
    border-bottom-right-radius: 1px 1px;
    border-top-left-radius: 1px 1px;
    border-top-right-radius: 1px 1px;
}

div#options legend {
	color: #333;
	text-shadow:1px 1px 1px #ddd;
	}

.ui-draggable-dragging {
	opacity: 0.5;
}

/* VIZ */

th, td {
    border: 1px solid #333;
    vertical-align: top;
	-moz-border-radius:5px 5px 5px 5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
	font-size: 0.8em;
}

th {
    font-weight: bold;
    text-align: left;
	padding: 4px;
}
th.NUMBER {
	text-align: center;
}

td {
	vertical-align: middle;
}

td span {
	padding: 2px;
}
caption {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 2px;
	font-size: 11px;
    text-align: center;
    white-space: nowrap;
}
table {
    margin-bottom: 0px;
    border-spacing: 1px;
    padding: 3px;
}

.ERR             { color: #FF0000; font-weight: bold; }
.FUNC            { color: #FF0000; font-weight: bold; }
.IDK             { color: #FF0000; font-weight: bold; }
.KEY             { color: #FFFFFF; font-weight: bold; }
.BOOL            { color: #008183; }
.NUMBER          { color: #008312; }
.DATE            { color: #6495ED; }
.REGEXP          { color: #DEB887; }
.STRING          { color: #FF5500; }
.UNDEF           { color: #91AA9D; font-style: italic; }
.NULL            { color: #91AA9D; font-style: italic; }
.EMPTY           { color: #91AA9D; font-style: italic; }
.HTML span.ARRAY { color: #91AA9D; font-style: italic; }
.HTML span.OBJ   { color: #91AA9D; font-style: italic; }
}
